<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>得到APP - 知识就是力量，知识就在得到</title>
    <!-- 引入重置样式表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共样式表 -->
    <link rel="stylesheet" href="./css/style.css">
    <!-- 引入自定义css -->
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/navigation.css">

    <!-- 图标字体 -->
    <!-- <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3678214_3cil2b9yk6u.css"> -->

    <link rel="stylesheet" href="./font/iconfont.css">
    <!-- 网页图标 -->
    <link rel="shortcut icon" href="./img/icon.jpg" type="image/x-icon">

</head>

<body>
    <div class="mask"></div>
    <!-- 头部导航条 -->
    <div class="iget-pc">
        <!-- 头部区域 -->
        <header class="home-header-main w1200">
            <!-- logo -->
            <h1 class="home-header-logo">
                <img src="./img/MTYzNzA0MzE4NTc3.png" alt="知识就在得到" class="model">
            </h1>
            <!-- 搜索框 -->
            <div class="home-search-control-wrap">
                <div class="home-search-control">
                    <i class="iconfont icon-sousuo"></i>
                    <input type="search" placeholder="你想学什么？" class="iget-common-text">
                    <button class="search-btn">
                        得到一下
                    </button>
                </div>

            </div>
            <!-- 得到训练 -->
            <div class="home-header-nav">
                <span class="nav-total ">
                    <div class="nav-item">
                        <a href="./exercise.html">
                            <i class="iconfont icon-shan"></i>
                            <span class="text">得到训练</span>
                        </a>

                    </div>
                    <div class="nav-item">
                        <a href="./shopcar.html">
                            <i class="iconfont icon-shu"></i>
                            <span class="text">已购书籍</span>
                        </a>

                    </div>
                </span>
            </div>
            <!-- 灯泡图标 -->
            <div class="update-reminder">
                <i class="iconfont icon-dengpaotishi"></i>
            </div>
            <div class="iget-update-reminder">
                <h3 class="title">更新提示</h3>
                <h4 class="sub-title">
                    Hi～
                    <span>朋友</span>
                </h4>
                <p class="paragraph">近期我们新增了以下功能：</p>
                <ul class="content">
                    <li data-v-38ddbb4f="">① 全新页面体验</li>
                    <li data-v-38ddbb4f="">② 直播</li>
                    <li data-v-38ddbb4f="">③ 视频</li>
                    <li data-v-38ddbb4f="">④ 留言</li>
                    <li data-v-38ddbb4f="">⑤ 写作业</li>
                    <li data-v-38ddbb4f="">⑥ 训练营</li>
                    <li data-v-38ddbb4f="">⑦ 得到高研院</li>
                    <li data-v-38ddbb4f="">⑧ 电子书引用</li>
                </ul>
                <p class="bottom emoji">赶紧来学习吧 <i class="iconfont icon-shou"></i></p>
                <p class="bottom email">欢迎发邮件和我们交流：iget@luojilab.com</p>
            </div>
            <!-- 登录注册 -->
            <div class="home-header-login">
                <div class="login-btn">
                    <div>登录</div>
                    <div class="login-btn-divider"></div>
                    <div>注册</div>
                </div>
            </div>

        </header>


    </div>
    <!-- 中部 -->
    <div class="w-center">
        <!-- 头部轮播图 -->
        <div class="banner-module w1200">
            <!-- 左侧 -->
            <div class="classification">
                <ul class="list">
                    <li class="list-item">
                        <p class="first-level">
                            <span class="level">心理学</span>
                            <i class="iconfont icon-jiantou"></i>
                        </p>
                        <ul class="sub-list">
                            <li class="sub-list-item">
                                <span class="sub-level">情绪管理</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">焦虑</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">心理疗愈</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">行为心理学</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">社会心理学</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">心理学与生活</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">亲密关系</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">自我认知</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">认知科学</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">积极心理学</span>
                            </li>

                        </ul>
                    </li>
                    <li class="list-item">
                        <p class="first-level">
                            <span class="level">自然科学</span>
                            <i class="iconfont icon-jiantou"></i>
                        </p>
                        <ul class="sub-list">
                            <li class="sub-list-item">
                                <span class="sub-level">医学</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">生命科学</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">天文学</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">物理学</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">计算机科学</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">科学史</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">博物学</span>
                            </li>

                        </ul>
                    </li>
                    <li class="list-item">
                        <p class="first-level">
                            <span class="level">金融学</span>
                            <i class="iconfont icon-jiantou"></i>
                        </p>
                        <ul class="sub-list">
                            <li class="sub-list-item">
                                <span class="sub-level">理财投资方法</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">金融银行</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">国际金融</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">金融工具</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">金融史</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">个人投资</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">投资大师</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">互联网金融</span>
                            </li>

                        </ul>
                    </li>
                    <li class="list-item">
                        <p class="first-level">
                            <span class="level">家庭亲子</span>
                            <i class="iconfont icon-jiantou"></i>
                        </p>
                        <ul class="sub-list">
                            <li class="sub-list-item">
                                <span class="sub-level">亲子关系</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">幼儿教育</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">儿童健康</span>
                            </li>


                        </ul>
                    </li>
                    <li class="list-item">
                        <p class="first-level">
                            <span class="level">经济学</span>
                            <i class="iconfont icon-jiantou"></i>
                        </p>
                        <ul class="sub-list">
                            <li class="sub-list-item">
                                <span class="sub-level">市场经济</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">制度经济学</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">宏观经济学</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">政治经济学</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">金融银行与货币</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">行为经济学</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">亚当·斯密</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">博弈论</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">经济史</span>
                            </li>

                        </ul>
                    </li>
                    <li class="list-item">
                        <p class="first-level">
                            <span class="level">法律</span>
                            <i class="iconfont icon-jiantou"></i>
                        </p>
                        <ul class="sub-list">
                            <li class="sub-list-item">
                                <span class="sub-level">经典案例</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">法律通俗读物</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">司法制度</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">法律思想</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">法理学</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">民法</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">刑法</span>
                            </li>

                        </ul>
                    </li>
                    <li class="list-item">
                        <p class="first-level">
                            <span class="level">政治学</span>
                            <i class="iconfont icon-jiantou"></i>
                        </p>
                        <ul class="sub-list">
                            <li class="sub-list-item">
                                <span class="sub-level">时局议题</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">政治哲学</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">地缘政治</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">政治史</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">政治思想</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">国际关系</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">政治人物</span>
                            </li>

                        </ul>
                    </li>
                    <li class="list-item">
                        <p class="first-level">
                            <span class="level">管理学</span>
                            <i class="iconfont icon-jiantou"></i>
                        </p>
                        <ul class="sub-list">
                            <li class="sub-list-item">
                                <span class="sub-level">企业竞争力</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">战略管理</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">组织结构</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">人力资源管理</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">团队管理</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">领导力</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">创业</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">组织行为</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">企业经营与管理</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">企业文化</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">德鲁克</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">企业创新</span>
                            </li>

                        </ul>
                    </li>
                    <!-- 更多 -->
                    <li class="list-item">
                        <p class="first-level">
                            <span class="level">更多</span>
                            <i class="iconfont icon-jiantou"></i>
                        </p>
                        <ul class="sub-list">
                            <li class="sub-list-item">
                                <span class="sub-level">情绪管理</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">情绪管理</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">情绪管理</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">情绪管理</span>
                            </li>
                            <li class="sub-list-item">
                                <span class="sub-level">情绪管理</span>
                            </li>

                        </ul>
                    </li>
                </ul>

            </div>
            <!-- 中间 -->
            <div class="banner">
                <div class="focus">
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <!-- Indicators -->
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        </ol>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <img src="./img/202205251610307740597311.jpeg" alt="品控手册发布">
                            </div>
                            <div class="item">
                                <img src="./img/202203210643366536423266.jpeg" alt="训练营web版跳转banner">
                            </div>


                        </div>

                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic" role="button"
                            data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" role="button"
                            data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 右侧 -->
            <div class="user">
                <div class="not-login">
                    <div class="receive"></div>
                    <button class="login-btn">
                        登录
                        <span class="line"></span>
                        注册
                    </button>
                </div>
            </div>

        </div>
        <!-- 直播文字 -->
        <div class="pdc-module-title-wrap w1200">
            <h3 class="module-title"> 精彩直播</h3>
            <h4 class="module-subtitle ">直播都用大屏看，沉浸式学习享受</h4>
        </div>
        <!-- 直播 -->
        <div class="home-live-cards w1200">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <!-- 1 -->
                    <div class="swiper-slide">
                        <!-- 上部分 -->
                        <div class="home-live-start-time">
                            <i class="iconfont icon-shizhong"></i>
                            今日 20:00
                        </div>
                        <!-- 下部分 -->
                        <div class="live-card">
                            <div class="live-card-tag">直播预告</div>
                            <div class="live-card-cover">
                                <img src="./img/202209301436520125551276.png" alt="邀请你来，加入这场跨越千年的对话封面图">
                            </div>
                            <div class="live-card-detail">
                                <div class="live-card-title">邀请你来，加入这场跨越千年的对话</div>
                                <div class="live-card-intro">
                                    <div class="intro-text">《熊逸讲透资治通鉴》第三季上线，思想隐士熊逸重装归来，讲透秦汉风云的波澜壮阔。让我们一起做一件有仪式感的事！</div>
                                    <div class="privilege-tag"></div>
                                </div>
                                <div class="live-card-learners"> 6636人已预约</div>
                                <div class="live-card-btn-container">
                                    <button class="live-card-btn">查看直播</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 2 -->
                    <div class="swiper-slide">
                        <!-- 上部分 -->
                        <div class="home-live-start-time">
                            <i class="iconfont icon-shizhong"></i>
                            明天 20:00
                        </div>
                        <!-- 下部分 -->
                        <div class="live-card">
                            <div class="live-card-tag">直播预告</div>
                            <div class="live-card-cover">
                                <img src="./img/202210080938265425712443.jpeg" alt="2023跨年演讲策划会005场公开直播封面图">
                            </div>
                            <div class="live-card-detail">
                                <div class="live-card-title">2023跨年演讲策划会005场公开直播</div>
                                <div class="live-card-intro">
                                    <div class="intro-text">
                                        《这个思路有启发！》栏目，通过直播形式，将会把跨年筹备过程中的台前幕后，真实地呈现给得到的朋友们。栏目组将邀请和跨年演讲相关的“幕后班底”、“启发因子”、“学术大咖”等多路人马，走进得到直播间，直接和罗老师探讨、碰撞，收集跨年的更多启发。
                                    </div>
                                    <div class="privilege-tag"></div>
                                </div>
                                <div class="live-card-learners"> 1309人已预约</div>
                                <div class="live-card-btn-container">
                                    <button class="live-card-btn">查看直播</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 3 -->
                    <div class="swiper-slide">
                        <!-- 上部分 -->
                        <div class="home-live-start-time">
                            <i class="iconfont icon-shizhong"></i>
                            后天 20:00
                        </div>
                        <!-- 下部分 -->
                        <div class="live-card">
                            <div class="live-card-tag">直播预告</div>
                            <div class="live-card-cover">
                                <img src="./img/202210091530406042643820.jpeg" alt="罗砚：有了写作模板，谁还怕写作？封面图">
                            </div>
                            <div class="live-card-detail">
                                <div class="live-card-title">罗砚：有了写作模板，谁还怕写作？</div>
                                <div class="live-card-intro">
                                    <div class="intro-text">
                                        写作模板，12日直播上线！用对模板，职场写作不费力。罗砚老师将通过直播的形式告诉你，要想跨越这些难关，70+写作模板库是你的垫脚石。10月12日20:00，写作模板库重磅上新，来直播间听听罗砚老师怎么说。
                                    </div>
                                    <div class="privilege-tag"></div>
                                </div>
                                <div class="live-card-learners"> 224人已预约</div>
                                <div class="live-card-btn-container">
                                    <button class="live-card-btn">查看直播</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 4 -->
                    <div class="swiper-slide">
                        <!-- 上部分 -->
                        <div class="home-live-start-time">
                            <i class="iconfont icon-shizhong"></i>
                            后天 20:00
                        </div>
                        <!-- 下部分 -->
                        <div class="live-card">
                            <div class="live-card-tag">直播预告</div>
                            <div class="live-card-cover">
                                <img src="./img/202210091234175936596924.jpeg" alt="邀请你来，加入这场跨越千年的对话封面图">
                            </div>
                            <div class="live-card-detail">
                                <div class="live-card-title">何刚：还能向巴菲特学投资吗？</div>
                                <div class="live-card-intro">
                                    <div class="intro-text">
                                        “股神”巴菲特可以说是投资者的“风向标”，但最近，他正面临股东和公众的信任危机。还能和他学投资吗？何刚老师带你看这位名人的投资帝国</div>
                                    <div class="privilege-tag">私享直播课</div>
                                </div>
                                <div class="live-card-learners"> 121人已预约</div>
                                <div class="live-card-btn-container">
                                    <button class="live-card-btn">查看直播</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-live-more w1200">
                <button class="home-live-more-text">
                    更多 直播 公开课
                    <i class="iconfont icon-jiantou"></i>
                </button>

            </div>
        </div>

    </div>
    <!-- 底部课程 -->
    <div class="w-footer">
        <!-- 得到训练营 -->
        <div class="pdc-module-title-wrap w1200">
            <h3 class="module-title"> 得到训练营</h3>
            <h4 class="module-subtitle ">真学真练，打好职场基本功</h4>
        </div>

        <!-- 得到老师 -->
        <div class="w1200">
            <!-- 1 -->
            <div class="home-training-camp-wrap">
                <!-- 图片 -->
                <div class="home-training-camp-left">
                    <span class="home-training-camp-left-label">训练营</span>
                    <img src="./img/202111190356174659099094.jpeg" alt="">
                </div>
                <!-- 描述 -->
                <div class="home-training-camp-right">
                    <div class="home-training-camp-right-top">
                        <h3 class="title">6天加速管理沟通力</h3>
                        <div class="label">
                            <span>6 天训练营</span>
                            <span>73843 人已加入学习</span>
                        </div>
                        <p class="details">
                            《向前一步的管理沟通力》6天的实践训练营，主讲人：得到CEO脱不花，该课程是价值3999元《给管理者的沟通训练营》的体验课，现在仅需39.9元就能最大化地体验。在脱不花这些年带团队的过程中，从管理三五人的小团队，到团里600多人的大团队，她总能用沟通的办法将问题化解。6天实践训练营，脱不花会将她的管理大招倾囊相授，助力管理者有效提升领导力，并有助教老师全程辅导答疑，报名后视频课程均可终身回放。
                        </p>
                    </div>
                    <div class="home-training-camp-right-bottom">
                        <div class="teacher">
                            <div class="avatar-container avatar">
                                <img src="./img/1741644637648461160.jfif" alt="">
                                <span class="tag"></span>
                            </div>
                            <div class="info">
                                <p class="info-name">主讲人 脱不花</p>
                                <p class="info-title">得到联合创始人&CEO</p>
                            </div>
                        </div>
                        <div class="button">
                            <button class="button-body">
                                <i class="iconfont icon-erweima"></i>
                                咨询课程顾问
                            </button>

                        </div>
                    </div>
                </div>
                <!-- 隐藏框 -->
                <div class="camp-box">
                    <div class="container">
                        <h5 class="text">添加课程顾问咨询详情</h5>
                        <img src="./img/202111190358296484095330.png" alt="" class="image">
                    </div>
                </div>
            </div>
            <!-- 2 -->
            <div class="home-training-camp-wrap">
                <!-- 图片 -->
                <div class="home-training-camp-left">
                    <span class="home-training-camp-left-label">训练营</span>
                    <img src="./img/202109140903466479890644.jpeg" alt="">
                </div>
                <!-- 描述 -->
                <div class="home-training-camp-right">
                    <div class="home-training-camp-right-top">
                        <h3 class="title">职场写作训练营</h3>
                        <div class="label">
                            <span>21 天训练营</span>
                            <span>12729 人已加入学习</span>
                        </div>
                        <p class="details">
                            《得到·职场写作训练营》由得到“职场系列”训练营产品负责人罗砚主讲，通过“教、学、练、测、评”五大环节，为用户打造完整的学习体验。16节视频课，随时观看；5场直播大课，现场答疑，永久回放；30天全程陪伴，为你批改作业，给你知识增量。训练后，助你推进工作闭环，帮你在竞争中脱颖而出。
                        </p>
                    </div>
                    <div class="home-training-camp-right-bottom">
                        <div class="teacher">
                            <div class="avatar-container avatar">
                                <img src="./img/1738878003326222820.jfif" alt="">
                                <span class="tag"></span>
                            </div>
                            <div class="info">
                                <p class="info-name">主讲人 罗砚</p>
                                <p class="info-title">得到App 能力教研负责人，得到“职场系列”训练营产品负责人</p>
                            </div>
                        </div>
                        <div class="button">
                            <button class="button-body">
                                <i class="iconfont icon-erweima"></i>
                                咨询课程顾问
                            </button>
                        </div>
                    </div>
                </div>
                <!-- 隐藏框 -->
                <div class="camp-box">
                    <div class="container">
                        <h5 class="text">添加课程顾问咨询详情</h5>
                        <img src="./img/202111190358296484095330.png" alt="" class="image">
                    </div>
                </div>
            </div>
        </div>

        <!-- 学员评价 -->
        <div class="formal-camp w1200">
            <div class="pdc-ui-container">
                <div class="pdc-module-title-wrap">
                    <h3 class="module-title"> 学员故事</h3>
                    <h4 class="module-subtitle ">躬身入局者，来看看他们的学习收获</h4>
                </div>
            </div>
        </div>
        <!-- 学员 -->
        <div class="home-user-comment-cards w1200">
            <!-- 1 -->
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="user-comment-card-container">
                        <div class="ser-comment-card">
                            <!-- 头像 -->
                            <div class="avatar-container">
                                <img src="./img/1750835578825343784.jfif" alt="">
                            </div>
                            <!-- 昵称 -->
                            <div class="user-comment-card-nickname">
                                任盈盈
                            </div>
                            <!-- 工作 -->
                            <div class="user-comment-card-job">
                                家庭教育从业者
                            </div>
                            <!-- 描述 -->
                            <div class="user-comment-card-comment">
                                <p>
                                    我是《得到·沟通训练营》学员，本人从事的是家庭教育行业，一对一辅导家长的过程中，首先应用了结构化倾听，在本子上分别记录情绪、事件和期待。先用至少60%以上的时间倾听回应家长的情绪，当家长慢慢平静下来时，再应用反向确认和辅导公式，逐步帮助家长重建信心、校准目标，进而确定可执行的最小化行动，取得了非常良好的咨询效果。
                                    <br>
                                    现在的学校教育给家长和学生带来的压力确实太大了，通过此次沟通训练营的学习，我越来越深刻的感受到，就像家长妄图帮助孩子上场踢球一样，我在辅导家长的过程中，也难免会有这样的妄念，而结构化倾听帮助我稳住了节奏，更加清晰了咨询目标，同时通过可执行的最小化行动，帮助家长回去落地。
                                    <br>
                                    这样才是真正的沟通，既不越界不包办，又能给家长心理支持和引领。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 2 -->
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="user-comment-card-container">
                        <div class="ser-comment-card">
                            <!-- 头像 -->
                            <div class="avatar-container">
                                <img src="./img/1754227164175139808.jfif" alt="">
                            </div>
                            <!-- 昵称 -->
                            <div class="user-comment-card-nickname">
                                唐婷
                            </div>
                            <!-- 工作 -->
                            <div class="user-comment-card-job">
                                中国移动邵东营销总监
                            </div>
                            <!-- 描述 -->
                            <div class="user-comment-card-comment">
                                <p>
                                    报名《给管理者的沟通训练营》，我是纠结很久的，因为我岗位低，当不了管理者。我只是公司一个小网格的网格长，用不上这些大道理。直到有一天我问助教老师：您是不是中国移动的用户。助教老师说：当然是的。我欣喜若狂，立即报了课。我万万没想到的是，上了这个课好运也随之而至。随着学习到整合者，我居然获得了破格竞聘高岗位的机会。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 3 -->
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="user-comment-card-container">
                        <div class="ser-comment-card">
                            <!-- 头像 -->
                            <div class="avatar-container">
                                <img src="./img/1770195543344021548.jfif" alt="">
                            </div>
                            <!-- 昵称 -->
                            <div class="user-comment-card-nickname">
                                雷雨伟
                            </div>
                            <!-- 工作 -->
                            <div class="user-comment-card-job">
                                公务员
                            </div>
                            <!-- 描述 -->
                            <div class="user-comment-card-comment">
                                <p>
                                    报名《得到·职场写作训练营》，30天收获满满。
                                    <br>
                                    光是学完清单体这讲，就觉得课程太有用了。以前写作容易耗费时间在构思逻辑框架上，现在只需要列出一二三写就行，掌握要事先说的原则。就像水波涟漪一样层层推开，刚好符合读者听众注意力递减的规律，让人减少负担。只要动起来，大不了顺序再改，这就有了“最小阻力线”。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 精选课程 文字-->
        <div class="formal-camp w1200">
            <div class="pdc-ui-container">
                <div class="pdc-module-title-wrap">
                    <h3 class="module-title"> 精选课程</h3>
                    <h4 class="module-subtitle ">覆盖20+领域，随时随地终身可学</h4>
                </div>
            </div>
        </div>
        <!-- 精选课程 图片 -->
        <div class="home-course-container w1200">
            <!-- 上方 -->
            <div class="swiper-container">

                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <label class="tab-swiper-text active">视频课</label>
                    </div>
                    <div class="swiper-slide">
                        <label class="tab-swiper-text">自我提升</label>
                    </div>
                    <div class="swiper-slide">
                        <label class="tab-swiper-text">金融学</label>
                    </div>
                    <div class="swiper-slide">
                        <label class="tab-swiper-text">商业</label>
                    </div>
                    <div class="swiper-slide">
                        <label class="tab-swiper-text">心理学</label>
                    </div>
                    <div class="swiper-slide">
                        <label class="tab-swiper-text">历史</label>
                    </div>
                    <div class="swiper-slide">
                        <label class="tab-swiper-text">文学</label>
                    </div>
                    <div class="swiper-slide">
                        <label class="tab-swiper-text">医学与健康</label>
                    </div>
                    <div class="swiper-slide">
                        <label class="tab-swiper-text">法律</label>
                    </div>
                    <div class="swiper-slide">
                        <label class="tab-swiper-text">经济学</label>
                    </div>
                    <div class="swiper-slide">
                        <label class="tab-swiper-text">艺术</label>
                    </div>
                    <div class="swiper-slide">
                        <label class="tab-swiper-text">科技</label>
                    </div>
                    <div class="swiper-slide">
                        <label class="tab-swiper-text">职场</label>
                    </div>
                    <div class="swiper-slide">
                        <label class="tab-swiper-text">家庭亲子</label>
                    </div>
                </div>
            </div>
            <!-- 下方 -->
            <div class="home-live-cards w1200">
                <!-- 上部分 -->
                <!-- 1 -->
                <div class="swiper-container a">
                    <div class="swiper-wrapper">
                        <!-- 1 -->
                        <div class="swiper-slide">

                            <!-- 下部分 -->
                            <div class="live-card">
                                <div class="live-card-tag">热门</div>
                                <div class="live-card-cover">
                                    <img src="./img/202112070502468712388785.jpeg" alt="邀请你来，加入这场跨越千年的对话封面图">
                                </div>
                                <div class="live-card-detail">
                                    <div class="live-card-title">徐弃郁·全球智库报告解读3</div>
                                    <div class="live-card-intro">
                                        <div class="intro-text">全球政商精英同款知识服务
                                        </div>
                                    </div>
                                    <div class="live-card-learners"> 30994人加入学习</div>
                                    <div class="live-card-btn-container">
                                        <button class="live-card-btn">立即学习</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 2 -->
                        <div class="swiper-slide">

                            <!-- 下部分 -->
                            <div class="live-card">
                                <div class="live-card-tag">热门</div>
                                <div class="live-card-cover">
                                    <img src="./img/202209190800392459651717.jpeg" alt="2023跨年演讲策划会005场公开直播封面图">
                                </div>
                                <div class="live-card-detail">
                                    <div class="live-card-title">管理者OKR实战课</div>
                                    <div class="live-card-intro">
                                        <div class="intro-text">
                                            掌握一套更先进的管理工具
                                        </div>
                                    </div>
                                    <div class="live-card-learners"> 12470人加入学习</div>
                                    <div class="live-card-btn-container">
                                        <button class="live-card-btn">立即学习</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 3 -->
                        <div class="swiper-slide">

                            <!-- 下部分 -->
                            <div class="live-card">
                                <div class="live-card-tag">热门</div>
                                <div class="live-card-cover">
                                    <img src="./img/201911142016524997867219.jpeg" alt="罗砚：有了写作模板，谁还怕写作？封面图">
                                </div>
                                <div class="live-card-detail">
                                    <div class="live-card-title">田轩·公司金融课</div>
                                    <div class="live-card-intro">
                                        <div class="intro-text">
                                            如何让公司更值钱
                                        </div>
                                    </div>
                                    <div class="live-card-learners"> 77118人加入学习</div>
                                    <div class="live-card-btn-container">
                                        <button class="live-card-btn">立即学习</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 4 -->
                        <div class="swiper-slide">

                            <!-- 下部分 -->
                            <div class="live-card">
                                <div class="live-card-tag">热门</div>
                                <div class="live-card-cover">
                                    <img src="./img/202003241304584836202756.jpeg" alt="邀请你来，加入这场跨越千年的对话封面图">
                                </div>
                                <div class="live-card-detail">
                                    <div class="live-card-title">余剑峰·行为经济学</div>
                                    <div class="live-card-intro">
                                        <div class="intro-text">
                                            犯错少就是机会多
                                        </div>
                                    </div>
                                    <div class="live-card-learners"> 75307人加入学习</div>
                                    <div class="live-card-btn-container">
                                        <button class="live-card-btn">立即学习</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 2 -->
                <div class="swiper-container a">
                    <div class="swiper-wrapper">
                        <!-- 1 -->
                        <div class="swiper-slide">

                            <!-- 下部分 -->
                            <div class="live-card">
                                <div class="live-card-tag">热门</div>
                                <div class="live-card-cover">
                                    <img src="./img/202209191054432632384215.jpeg" alt="邀请你来，加入这场跨越千年的对话封面图">
                                </div>
                                <div class="live-card-detail">
                                    <div class="live-card-title">万维钢·精英日课5</div>
                                    <div class="live-card-intro">
                                        <div class="intro-text">帮你和全球精英大脑同步
                                        </div>
                                    </div>
                                    <div class="live-card-learners"> 10628人加入学习</div>
                                    <div class="live-card-btn-container">
                                        <button class="live-card-btn">立即学习</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 2 -->
                        <div class="swiper-slide">

                            <!-- 下部分 -->
                            <div class="live-card">
                                <div class="live-card-tag">热门</div>
                                <div class="live-card-cover">
                                    <img src="./img/202204051044159964763340.jpeg" alt="2023跨年演讲策划会005场公开直播封面图">
                                </div>
                                <div class="live-card-detail">
                                    <div class="live-card-title">和菜头·成年人修炼手册2（年度日更）</div>
                                    <div class="live-card-intro">
                                        <div class="intro-text">
                                            作为成年人的300个基本
                                        </div>
                                    </div>
                                    <div class="live-card-learners"> 17673人加入学习</div>
                                    <div class="live-card-btn-container">
                                        <button class="live-card-btn">立即学习</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 3 -->
                        <div class="swiper-slide">

                            <!-- 下部分 -->
                            <div class="live-card">
                                <div class="live-card-tag">热门</div>
                                <div class="live-card-cover">
                                    <img src="./img/201808221519353258879328.jpg" alt="罗砚：有了写作模板，谁还怕写作？封面图">
                                </div>
                                <div class="live-card-detail">
                                    <div class="live-card-title">熊太行·关系攻略</div>
                                    <div class="live-card-intro">
                                        <div class="intro-text">
                                            残酷社会生存法则
                                        </div>
                                    </div>
                                    <div class="live-card-learners"> 245331人加入学习</div>
                                    <div class="live-card-btn-container">
                                        <button class="live-card-btn">立即学习</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 4 -->
                        <div class="swiper-slide">

                            <!-- 下部分 -->
                            <div class="live-card">
                                <div class="live-card-tag">热门</div>
                                <div class="live-card-cover">
                                    <img src="./img/202010232154311084669122.jpeg" alt="邀请你来，加入这场跨越千年的对话封面图">
                                </div>
                                <div class="live-card-detail">
                                    <div class="live-card-title">吴军·硅谷来信3</div>
                                    <div class="live-card-intro">
                                        <div class="intro-text">
                                            见字如面，每天锤炼
                                        </div>
                                    </div>
                                    <div class="live-card-learners"> 82968人加入学习</div>
                                    <div class="live-card-btn-container">
                                        <button class="live-card-btn">立即学习</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 下部分 -->
                <div class="home-live-more w1200">
                    <button class="home-live-more-text">
                        更多 直播 公开课
                        <i class="iconfont icon-jiantou"></i>
                    </button>

                </div>
            </div>
        </div>

        <!-- 免费专区 -->
        <div class="formal-camp w1200">
            <div class="pdc-ui-container">
                <div class="pdc-module-title-wrap">
                    <h3 class="module-title"> 免费专区</h3>
                    <h4 class="module-subtitle ">从免费好课开始，踏上你的得到之旅</h4>
                </div>
            </div>
        </div>
        <!-- 免费课程 -->
        <div class="free w1200">
            <div class="home-live-cards ">
                <div class="swiper-container a">
                    <div class="swiper-wrapper">
                        <!-- 1 -->
                        <div class="swiper-slide">

                            <!-- 下部分 -->
                            <div class="live-card">
                                <div class="live-card-tag">免费</div>
                                <div class="live-card-cover">
                                    <img src="./img/202202230539502423724713.jpeg" alt="邀请你来，加入这场跨越千年的对话封面图">
                                </div>
                                <div class="live-card-detail">
                                    <div class="live-card-title">李彦宏·智能交通7讲</div>
                                    <div class="live-card-intro">
                                        <div class="intro-text">100分钟带你探索未来出行
                                        </div>
                                    </div>
                                    <div class="live-card-learners"></div>
                                    <div class="live-card-btn-container">
                                        <button class="live-card-btn">立即学习</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 2 -->
                        <div class="swiper-slide">

                            <!-- 下部分 -->
                            <div class="live-card">
                                <div class="live-card-tag">免费</div>
                                <div class="live-card-cover">
                                    <img src="./img/202012241714262404412397.jpeg" alt="2023跨年演讲策划会005场公开直播封面图">
                                </div>
                                <div class="live-card-detail">
                                    <div class="live-card-title"> 脱不花·怎样成为高效学习的人</div>
                                    <div class="live-card-intro">
                                        <div class="intro-text">
                                            让每个人都能从知识中获得力量
                                        </div>
                                    </div>
                                    <div class="live-card-learners"> </div>
                                    <div class="live-card-btn-container">
                                        <button class="live-card-btn">立即学习</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 3 -->
                        <div class="swiper-slide">

                            <!-- 下部分 -->
                            <div class="live-card">
                                <div class="live-card-tag">免费</div>
                                <div class="live-card-cover">
                                    <img src="./img/202108061251367513875753.jpeg" alt="罗砚：有了写作模板，谁还怕写作？封面图">
                                </div>
                                <div class="live-card-detail">
                                    <div class="live-card-title">跟钱炜练习冥想</div>
                                    <div class="live-card-intro">
                                        <div class="intro-text">
                                            为内心赋能
                                        </div>
                                    </div>
                                    <div class="live-card-learners"> </div>
                                    <div class="live-card-btn-container">
                                        <button class="live-card-btn">立即学习</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 4 -->
                        <div class="swiper-slide">

                            <!-- 下部分 -->
                            <div class="live-card">
                                <div class="live-card-tag">热门</div>
                                <div class="live-card-cover">
                                    <img src="./img/202007231801022799573483.jpeg" alt="邀请你来，加入这场跨越千年的对话封面图">
                                </div>
                                <div class="live-card-detail">
                                    <div class="live-card-title"> 罗辑思维·启发俱乐部</div>
                                    <div class="live-card-intro">
                                        <div class="intro-text">
                                            和你一起终身学习
                                        </div>
                                    </div>
                                    <div class="live-card-learners"> </div>
                                    <div class="live-card-btn-container">
                                        <button class="live-card-btn">立即学习</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 好看又好查的电子书 -->
        <div class="formal-camp w1200">
            <div class="pdc-ui-container">
                <div class="pdc-module-title-wrap">
                    <h3 class="module-title"> 好看又好查的电子书</h3>
                    <h4 class="module-subtitle ">5万本精选好书，均可任意位置免费试读10%；独创全文搜索功能，打通书本知识，查资料更方便；多设备无缝切换，同步学习进度……更多功能等你探索
                    </h4>
                </div>
            </div>
        </div>
        <div class="book w1200">
            <div class="home-course-container ">
                <!-- 上方  导航-->
                <div class="swiper-container">

                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <label class="tab-swiper-text active">小说</label>
                        </div>
                        <div class="swiper-slide">
                            <label class="tab-swiper-text">影视原著</label>
                        </div>
                        <div class="swiper-slide">
                            <label class="tab-swiper-text">心理学</label>
                        </div>
                        <div class="swiper-slide">
                            <label class="tab-swiper-text">历史</label>
                        </div>
                        <div class="swiper-slide">
                            <label class="tab-swiper-text">互联网</label>
                        </div>
                        <div class="swiper-slide">
                            <label class="tab-swiper-text">商业</label>
                        </div>
                        <div class="swiper-slide">
                            <label class="tab-swiper-text">期刊杂志</label>
                        </div>
                        <div class="swiper-slide">
                            <label class="tab-swiper-text">管理学</label>
                        </div>
                        <div class="swiper-slide">
                            <label class="tab-swiper-text">自我提升</label>
                        </div>
                        <div class="swiper-slide">
                            <label class="tab-swiper-text">科技</label>
                        </div>
                        <div class="swiper-slide">
                            <label class="tab-swiper-text">经济</label>
                        </div>
                        <div class="swiper-slide">
                            <label class="tab-swiper-text">哲学与宗教</label>
                        </div>
                        <div class="swiper-slide">
                            <label class="tab-swiper-text">法律</label>
                        </div>
                        <div class="swiper-slide">
                            <label class="tab-swiper-text">家庭亲子</label>
                        </div>
                    </div>
                </div>
                <!-- 下方  图片 -->
                <div class="home-live-cards w1200">
                    <!-- 上部分 -->
                    <!-- 小说 -->
                    <div class="swiper-container a">
                        <div class="swiper-wrapper">
                            <!-- 1 -->
                            <div class="swiper-slide">
                                <div class="live-card">
                                    <div class="live-card-tag">热门</div>
                                    <div class="live-card-cover">
                                        <img src="./img/202009071715062065699598.jpg" alt="邀请你来，加入这场跨越千年的对话封面图">
                                    </div>
                                    <div class="live-card-detail">
                                        <div class="live-card-title">间谍的工具箱</div>
                                        <div class="live-card-intro">
                                            <div class="intro-text"> [英] 史蒂芬·特威格
                                            </div>
                                        </div>
                                        <div class="live-card-learners"> </div>
                                        <div class="live-card-btn-container">
                                            <button class="live-card-btn">立即学习</button>
                                        </div>
                                    </div>
                                </div>
                                <!-- 隐藏部分 -->
                                <div class="ebook-card-hover-summary">
                                    <div class="ebook-card-hover-title">
                                        间谍的工具箱
                                    </div>
                                    <div class="ebook-card-hover-author">
                                        [英] 史蒂芬·特威格
                                    </div>
                                    <div class="ebook-card-hover-summary-content">
                                        <p>
                                            来自英国国家档案馆的真实史料：特工的黄金守则、战术欺骗技巧，揭秘二战时期间谍工作第一线。秘密特工是如何进行工作的？间谍的黄金守则都有哪些？该从哪里进行敌后破坏行动才最有效？应该怎样发送秘密电报？真实间谍使用的道具和电影里的有什么不同？本书的作者史蒂芬·特威格博士从英国国家档案馆为大家搜集了诸多史料，展现二战时期英国和德国特工的工作细节。从选拔特工的标准，伪装得当的小道具，到神乎其神的“化妆技巧”，再到“不许杀害鸽子”的海报……你想知道的有趣细节，可能都在这本小书里！
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- 2 -->
                            <div class="swiper-slide">
                                <div class="live-card">
                                    <div class="live-card-tag">热门</div>
                                    <div class="live-card-cover">
                                        <img src="./img/201906211724358663175638.jpg" alt="2023跨年演讲策划会005场公开直播封面图">
                                    </div>
                                    <div class="live-card-detail">
                                        <div class="live-card-title"> 妈妈让我卖茄子</div>
                                        <div class="live-card-intro">
                                            <div class="intro-text">
                                                [日] 原田刚 等
                                            </div>
                                        </div>
                                        <div class="live-card-learners"> </div>
                                        <div class="live-card-btn-container">
                                            <button class="live-card-btn">立即学习</button>
                                        </div>
                                    </div>
                                </div>
                                <!-- 隐藏部分 -->
                                <div class="ebook-card-hover-summary">
                                    <div class="ebook-card-hover-title">
                                        妈妈让我卖茄子
                                    </div>
                                    <div class="ebook-card-hover-author">
                                        [日] 原田刚 等
                                    </div>
                                    <div class="ebook-card-hover-summary-content">
                                        <p>
                                            感动千万人的真实亲情故事，一本读了就会流泪的绘本。这是一个发生在日本上个世纪七十年代的真实故事。我那温柔的妈妈，有一天突然变得像鬼一样厉害，让我一个人去卖茄子。这一切究竟是为什么呢？四十年前发生在日本乡村小镇的故事，今天仍可以感动千万人。一本会让你流泪的绘本，一本冲击力十足的话题之作。作者想要传达给大家的就是：请把孩子培养成一个坚强的人。在越来越多的年轻人被称为“巨婴”“妈宝”的时代，这个过去的故事，会带给我们和孩子深刻的启示。希望所有大人和父母，读一读这本催人泪下的图画书。
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- 3 -->
                            <div class="swiper-slide">
                                <div class="live-card">
                                    <div class="live-card-tag">热门</div>
                                    <div class="live-card-cover">
                                        <img src="./img/1763597965697482848.jfif" alt="罗砚：有了写作模板，谁还怕写作？封面图">
                                    </div>
                                    <div class="live-card-detail">
                                        <div class="live-card-title">晚熟的人</div>
                                        <div class="live-card-intro">
                                            <div class="intro-text">
                                                莫言
                                            </div>
                                        </div>
                                        <div class="live-card-learners"> </div>
                                        <div class="live-card-btn-container">
                                            <button class="live-card-btn">立即学习</button>
                                        </div>
                                    </div>
                                </div>
                                <!-- 隐藏部分 -->
                                <div class="ebook-card-hover-summary">
                                    <div class="ebook-card-hover-title">
                                        晚熟的人
                                    </div>
                                    <div class="ebook-card-hover-author">
                                        莫言
                                    </div>
                                    <div class="ebook-card-hover-summary-content">
                                        <p>
                                            莫言获得诺贝尔文学奖后首部小说，共收录12个短篇。故乡人事，但面貌全新。篇幅紧凑，却各有曲直。从《红高粱》到《晚熟的人》，从历史深处到当下现实，从开天辟地到气象万千。依然是读者熟悉的那个莫言，带给我们陌生全新的阅读体验。
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- 4 -->
                            <div class="swiper-slide">
                                <div class="live-card">
                                    <div class="live-card-tag">热门</div>
                                    <div class="live-card-cover">
                                        <img src="./img/1759259223021062120.jfif" alt="邀请你来，加入这场跨越千年的对话封面图">
                                    </div>
                                    <div class="live-card-detail">
                                        <div class="live-card-title">坍缩</div>
                                        <div class="live-card-intro">
                                            <div class="intro-text">
                                                刘慈欣
                                            </div>
                                        </div>
                                        <div class="live-card-learners"> </div>
                                        <div class="live-card-btn-container">
                                            <button class="live-card-btn">立即学习</button>
                                        </div>
                                    </div>
                                </div>
                                <!-- 隐藏部分 -->
                                <div class="ebook-card-hover-summary">
                                    <div class="ebook-card-hover-title">
                                        坍缩
                                    </div>
                                    <div class="ebook-card-hover-author">
                                        刘慈欣
                                    </div>
                                    <div class="ebook-card-hover-summary-content">
                                        <p>
                                            刘慈欣早年发表于《科幻世界》的短篇科幻小说作品。对坍缩的观测将在国家天文台最大的观测厅进行，这个观测厅接收在同步轨道上运行的太空望远镜发回的图像，并把它投射到一面面积有一个篮球场大小的巨型屏幕上……
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- 5 -->
                            <div class="swiper-slide">
                                <div class="live-card">
                                    <div class="live-card-tag">热门</div>
                                    <div class="live-card-cover">
                                        <img src="./img/201809211337543330457238.jpg" alt="邀请你来，加入这场跨越千年的对话封面图">
                                    </div>
                                    <div class="live-card-detail">
                                        <div class="live-card-title">无人生还</div>
                                        <div class="live-card-intro">
                                            <div class="intro-text">
                                                [英] 阿加莎·克里斯蒂
                                            </div>
                                        </div>
                                        <div class="live-card-learners"> </div>
                                        <div class="live-card-btn-container">
                                            <button class="live-card-btn">立即学习</button>
                                        </div>
                                    </div>
                                </div>
                                <!-- 隐藏部分 -->
                                <div class="ebook-card-hover-summary">
                                    <div class="ebook-card-hover-title">
                                        无人生还
                                    </div>
                                    <div class="ebook-card-hover-author">
                                        [英] 阿加莎·克里斯蒂
                                    </div>
                                    <div class="ebook-card-hover-summary-content">
                                        <p>
                                            开创童谣杀人和孤岛模式，古典推理的不朽名作。
                                            十个相互陌生、身份各异的人受邀前往德文郡海岸边一座孤岛上的豪宅。客人到齐后，主人却没有出现。当晚，一个神秘的声音发出指控，分别说出每个人心中罪恶的秘密。接着，一位客人离奇死亡。暴风雨让小岛与世隔绝，《十个小士兵》——这首古老的童谣成了死亡咒语。如同歌谣中所预言的，客人一个接一个死去……杀人游戏结束后，竟无一人生还！
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- 6 -->
                            <div class="swiper-slide">

                                <!-- 下部分 -->
                                <div class="live-card">
                                    <div class="live-card-tag">热门</div>
                                    <div class="live-card-cover">
                                        <img src="./img/1737080509046980640.jfif" alt="邀请你来，加入这场跨越千年的对话封面图">
                                    </div>
                                    <div class="live-card-detail">
                                        <div class="live-card-title"> 摆渡人</div>
                                        <div class="live-card-intro">
                                            <div class="intro-text">
                                                [英] 克莱儿·麦克福尔
                                            </div>
                                        </div>
                                        <div class="live-card-learners"> </div>
                                        <div class="live-card-btn-container">
                                            <button class="live-card-btn">立即学习</button>
                                        </div>
                                    </div>
                                </div>
                                <!-- 隐藏部分 -->
                                <div class="ebook-card-hover-summary">
                                    <div class="ebook-card-hover-title">
                                        摆渡人
                                    </div>
                                    <div class="ebook-card-hover-author">
                                        [英] 克莱儿·麦克福
                                    </div>
                                    <div class="ebook-card-hover-summary-content">
                                        <p>
                                            一部畅销欧美的心灵治愈小说，细腻道出所有人对亲情、友情和爱情幸福的向往。单亲女孩迪伦，15岁的世界一片狼藉：与母亲总是无话可说，在学校里经常受到同学的捉弄，唯一谈得来的好友也因为转学离开了。这一切都让迪兰感到无比痛苦。
                                            她决定去看望久未谋面的父亲，然而，路上突发交通事故。等她拼命爬出火车残骸之后，却惊恐地发现，自己是唯一的幸存者，而
                                            眼前，竟是一片荒原。此时，迪兰看到不远处的山坡上一个男孩的身影。男孩将她带离了事故现场。但是，迪兰很快意识到，男孩并不是偶然出现的路人，他似乎是特意在此等候。命运，从他们相遇的那刻开始，发生了无法预料的转变……
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 影视原著 -->
                    <div class="swiper-container a">
                        <div class="swiper-wrapper">
                            <!-- 1 -->
                            <div class="swiper-slide">

                                <!-- 下部分 -->
                                <div class="live-card">
                                    <div class="live-card-tag">热门</div>
                                    <div class="live-card-cover">
                                        <img src="./img/202209191054432632384215.jpeg" alt="邀请你来，加入这场跨越千年的对话封面图">
                                    </div>
                                    <div class="live-card-detail">
                                        <div class="live-card-title">万维钢·精英日课5</div>
                                        <div class="live-card-intro">
                                            <div class="intro-text">帮你和全球精英大脑同步
                                            </div>
                                        </div>
                                        <div class="live-card-learners"> 10628人加入学习</div>
                                        <div class="live-card-btn-container">
                                            <button class="live-card-btn">立即学习</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- 2 -->
                            <div class="swiper-slide">

                                <!-- 下部分 -->
                                <div class="live-card">
                                    <div class="live-card-tag">热门</div>
                                    <div class="live-card-cover">
                                        <img src="./img/202204051044159964763340.jpeg" alt="2023跨年演讲策划会005场公开直播封面图">
                                    </div>
                                    <div class="live-card-detail">
                                        <div class="live-card-title">和菜头·成年人修炼手册2（年度日更）</div>
                                        <div class="live-card-intro">
                                            <div class="intro-text">
                                                作为成年人的300个基本
                                            </div>
                                        </div>
                                        <div class="live-card-learners"> 17673人加入学习</div>
                                        <div class="live-card-btn-container">
                                            <button class="live-card-btn">立即学习</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- 3 -->
                            <div class="swiper-slide">

                                <!-- 下部分 -->
                                <div class="live-card">
                                    <div class="live-card-tag">热门</div>
                                    <div class="live-card-cover">
                                        <img src="./img/201808221519353258879328.jpg" alt="罗砚：有了写作模板，谁还怕写作？封面图">
                                    </div>
                                    <div class="live-card-detail">
                                        <div class="live-card-title">熊太行·关系攻略</div>
                                        <div class="live-card-intro">
                                            <div class="intro-text">
                                                残酷社会生存法则
                                            </div>
                                        </div>
                                        <div class="live-card-learners"> 245331人加入学习</div>
                                        <div class="live-card-btn-container">
                                            <button class="live-card-btn">立即学习</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- 4 -->
                            <div class="swiper-slide">

                                <!-- 下部分 -->
                                <div class="live-card">
                                    <div class="live-card-tag">热门</div>
                                    <div class="live-card-cover">
                                        <img src="./img/202010232154311084669122.jpeg" alt="邀请你来，加入这场跨越千年的对话封面图">
                                    </div>
                                    <div class="live-card-detail">
                                        <div class="live-card-title">吴军·硅谷来信3</div>
                                        <div class="live-card-intro">
                                            <div class="intro-text">
                                                见字如面，每天锤炼
                                            </div>
                                        </div>
                                        <div class="live-card-learners"> 82968人加入学习</div>
                                        <div class="live-card-btn-container">
                                            <button class="live-card-btn">立即学习</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 更多电子书 -->
                    <div class="home-live-more w1200">
                        <button class="home-live-more-text">
                            更多 小说 电子书
                            <i class="iconfont icon-jiantou"></i>
                        </button>

                    </div>
                </div>
            </div>
        </div>

    </div>

    <!-- 底部图片 -->
    <div class="w-footerpic">
        <!-- 得到高研院-->
        <div class="pdc-module-title-wrap w1200">
            <h3 class="module-title"> 得到高研院</h3>
            <h4 class="module-subtitle ">参加12周线上和线下课程，加入终身学习者俱乐部，让改变发生</h4>
        </div>
        <!-- 图片 -->
        <div class="pcontainer w1200">
            <div class="big-pic ">
                <img src="./img/202110080631447093785507.jpeg" alt="">
            </div>
            <!-- 隐藏二维码 -->
            <div class="qr-code">
                <div class="container">
                    <i class="iconfont icon-cha"></i>
                    <h5 class="text">用「得到App」扫码了解详情</h5>
                    <img src="./img/download.jfif" alt="">
                </div>
            </div>
        </div>

        <!-- 线下活动 -->
        <div class="pdc-module-title-wrap w1200">
            <h3 class="module-title"> 线下活动</h3>
            <h4 class="module-subtitle ">全国10个线下学习中心及校区，与终身学习者当面交流</h4>
        </div>
        <!-- 线下活动图片 -->
        <div class="iget-ui-offline w1200">
            <!-- 左侧 -->
            <div class="iget-ui-col">
                <div class="item-wrap">
                    <img src="./img/202109140918536604957904.jpeg" alt="">
                </div>
            </div>
            <!-- 右侧 -->
            <div class="item-right">
                <div class="item-wrap">
                    <img src="./img/202109140918591363457322.jpeg" alt="">
                </div>
                <div class="item-wrap">
                    <img src="./img/202109140919036435537635.jpeg" alt="">
                </div>
            </div>
        </div>

        <!-- 你可以怎么用得到 -->
        <div class="pdc-module-title-wrap w1200">
            <h3 class="module-title"> 你可以怎么用得到</h3>
            <h4 class="module-subtitle ">什么时候开始学习都不晚，得到是所有人都随时随地可用的终身学习平台</h4>
        </div>
        <!-- 用得到图片 -->
        <div class="w1200 get">
            <div class="iget-ui-row">
                <!-- 图片 -->
                <div class="iget-ui-col">
                    <div class="default-img-wrap">
                        <img src="./img/202109141103484508417840.jpeg" alt="">
                    </div>
                </div>
                <!-- 文字 -->
                <div class="iget-ui-col2">
                    <div class="guide-item-text">
                        <div class="guide-item-title">
                            开拓视野，学习专业课程
                        </div>
                        <div class="guide-item-subtitle">
                            近300门好课，覆盖20+领域；其中金融、商业、职场类的课程最受欢迎
                        </div>
                    </div>
                </div>
            </div>
            <div class="iget-ui-row">

                <!-- 文字 -->
                <div class="iget-ui-col2">
                    <div class="guide-item-text">
                        <div class="guide-item-title">
                            自由阅读，随身携带线上图书馆
                        </div>
                        <div class="guide-item-subtitle">
                            45000本电子书，随时阅读，更支持全文搜索；其中包含1300+经典套系，800+期刊杂志，及更多专业类书籍
                        </div>
                    </div>
                </div>
                <!-- 图片 -->
                <div class="iget-ui-col">
                    <div class="default-img-wrap">
                        <img src="./img/202109141103547810621020.jpeg" alt="">
                    </div>
                </div>
            </div>
            <div class="iget-ui-row">
                <!-- 图片 -->
                <div class="iget-ui-col">
                    <div class="default-img-wrap">
                        <img src="./img/202109141103597187293958.jpeg" alt="">
                    </div>
                </div>
                <!-- 文字 -->
                <div class="iget-ui-col2">
                    <div class="guide-item-text">
                        <div class="guide-item-title">
                            深入打磨，掌握实用技能
                        </div>
                        <div class="guide-item-subtitle">
                            得到高研院通过体系化的线上学习、线下小组讨论等方式，全程陪伴，让你在这里发生改变
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 热门分类 -->
        <div class="pdc-module-title-wrap w1200">
            <h3 class="module-title"> 热门分类</h3>
            <h4 class="module-subtitle ">爱学习的人，都在探索这些领域</h4>
        </div>
        <!--  -->
        <div class="w1200">

            <div class="hot-category-list">
                <div class="iget-ui-col">
                    <div class="hot-category-item">
                        <a href="javascript:;">心理学</a>

                    </div>
                    <div class="hot-category-more-wrap">
                        <i class="iconfont icon-jiantou"></i>
                    </div>
                </div>
                <div class="iget-ui-col">
                    <div class="hot-category-item">
                        <a href="javascript:;">自然科学</a>

                    </div>
                    <div class="hot-category-more-wrap">
                        <i class="iconfont icon-jiantou"></i>
                    </div>
                </div>
                <div class="iget-ui-col">
                    <div class="hot-category-item">
                        <a href="javascript:;">金融学</a>

                    </div>
                    <div class="hot-category-more-wrap">
                        <i class="iconfont icon-jiantou"></i>
                    </div>
                </div>
                <div class="iget-ui-col">
                    <div class="hot-category-item">
                        <a href="javascript:;">家庭亲子</a>

                    </div>
                    <div class="hot-category-more-wrap">
                        <i class="iconfont icon-jiantou"></i>
                    </div>
                </div>
                <div class="iget-ui-col">
                    <div class="hot-category-item">
                        <a href="javascript:;">经济学</a>

                    </div>
                    <div class="hot-category-more-wrap">
                        <i class="iconfont icon-jiantou"></i>
                    </div>
                </div>
                <div class="iget-ui-col">
                    <div class="hot-category-item">
                        <a href="javascript:;">法律</a>

                    </div>
                    <div class="hot-category-more-wrap">
                        <i class="iconfont icon-jiantou"></i>
                    </div>
                </div>



            </div>
            <div class="hot-category-list">
                <div class="iget-ui-col">
                    <div class="hot-category-item">
                        <a href="javascript:;">政治学</a>

                    </div>
                    <div class="hot-category-more-wrap">
                        <i class="iconfont icon-jiantou"></i>
                    </div>
                </div>
                <div class="iget-ui-col">
                    <div class="hot-category-item">
                        <a href="javascript:;">管理学</a>

                    </div>
                    <div class="hot-category-more-wrap">
                        <i class="iconfont icon-jiantou"></i>
                    </div>
                </div>
                <div class="iget-ui-col">
                    <div class="hot-category-item">
                        <a href="javascript:;">自我提升</a>

                    </div>
                    <div class="hot-category-more-wrap">
                        <i class="iconfont icon-jiantou"></i>
                    </div>
                </div>
                <div class="iget-ui-col">
                    <div class="hot-category-item">
                        <a href="javascript:;">医学与健康</a>

                    </div>
                    <div class="hot-category-more-wrap">
                        <i class="iconfont icon-jiantou"></i>
                    </div>
                </div>
                <div class="iget-ui-col">
                    <div class="hot-category-item">
                        <a href="javascript:;">职场</a>

                    </div>
                    <div class="hot-category-more-wrap">
                        <i class="iconfont icon-jiantou"></i>
                    </div>
                </div>
                <div class="iget-ui-col">
                    <div class="hot-category-item">
                        <a href="javascript:;">更多</a>

                    </div>
                    <div class="hot-category-more-wrap">
                        <i class="iconfont icon-jiantou"></i>
                    </div>
                </div>



            </div>
        </div>

        <!-- 背景图 -->
        <div class="bgpic w1200">
            <img src="./img/bg.png" alt="">
        </div>

    </div>

    <!-- 底部信息栏 -->
    <footer data-v-61a22ab3="" class="iget-footer iget-footer-show">
        <div data-v-61a22ab3="" class="iget-ui-container">
            <article data-v-61a22ab3="" class="footer-detail">
                <div data-v-61a22ab3="" class="footer-detail-main iget-ui-row iget-ui-row--flex"
                    style="margin-left: -10px; margin-right: -10px;">
                    <div data-v-61a22ab3="" class="iget-ui-col1 " style="padding-left: 10px; padding-right: 10px;">
                        <section class="detail-section">
                            <h4 class="sub-title iget-common-f3">
                                联系我们：
                            </h4>
                            <p class="cont iget-common-f6">
                                客服电话: 400-0526-000
                            </p>
                            <p data-v-61a22ab3="" class="cont iget-common-f6">
                                邮箱: iget@luojilab.com
                            </p>
                        </section>
                    </div>
                    <div class="iget-ui-col2 " style="padding-left: 10px; padding-right: 10px;">
                        <section data-v-61a22ab3="" class="detail-section">
                            <h4 data-v-61a22ab3="" class="sub-title iget-common-f3">
                                相关链接：
                            </h4>
                            <p data-v-61a22ab3="" class="cont"><a data-v-61a22ab3="" href="https://www.igetget.com/"
                                    target="_blank" class="href iget-common-f6 ">得到官网</a></p>
                            <p data-v-61a22ab3="" class="cont"><a data-v-61a22ab3="" href="https://qy.igetget.com/"
                                    target="_blank" class="href iget-common-f6 ">得到企业版</a></p>
                            <p data-v-61a22ab3="" class="cont"><a data-v-61a22ab3="" href="https://www.umiwi.com/"
                                    target="_blank" class="href iget-common-f6">时间的朋友</a></p>
                        </section>
                    </div>
                    <div class="qrcode-col iget-ui-col3" style="padding-left: 10px; padding-right: 10px;">
                        <section data-v-61a22ab3="" class="detail-section">
                            <h4 data-v-61a22ab3="" class="sub-title iget-common-f3">
                                了解更多：
                            </h4>
                            <div class="qrcode-group">
                                <figure class="qrcode1 qrcode-left">
                                    <img alt="得到App" class="qrcode qrcode-padding" src="img/app.png">
                                    <figcaption data-v-61a22ab3="" class="qrcode-desc qrcode-desc-download ">
                                        下载「得到App」
                                    </figcaption>
                                </figure>
                                <figure class="qrcode1 qrcode-right"><img
                                        src="https://piccdn2.umiwi.com/fe-oss/default/MTYwODYzMTk2Nzg1.png" alt="得到公众号"
                                        class="qrcode qrcode-padding2">
                                    <figcaption data-v-61a22ab3="" class="qrcode-desc qrcode-follow-bg">
                                        关注微信公众号
                                    </figcaption>
                                </figure>
                            </div>
                        </section>
                    </div>
                </div>
            </article>
            <section class="footer-condition">
                <p class="detail iget-common-a1"><span class="detail-item iget-common-a1">
                        社会信用代码 91110108662186561M
                    </span> <span data-v-61a22ab3="" class="detail-item">
                        出版物经营许可证 新出发京零字第海200073号
                    </span> <span data-v-61a22ab3="" class="detail-item">
                        广播电视节目制作经营许可证 （京）字第01204号
                    </span> <span data-v-61a22ab3="" class="detail-item">
                        增值电信业务经营许可证 京ICP证090644号
                    </span> <span data-v-61a22ab3="" class="detail-item detail-noline detail-item-hover">
                        信息网络传播视听节目许可证 0110567
                    </span></p>
                <p class="detail iget-common-a1"><a href="https://zt.igetget.com/visual/1Onn4gr8OJT0QjGzq0O6.html"
                        target="_blank" class="detail-item">用户协议</a> <a data-v-61a22ab3=""
                        href="https://www.igetget.com/html/p/9MGZRxz/QlqnY8M8RzcKWG77q7Ln.html" target="_blank"
                        class="detail-item">隐私政策</a> <a data-v-61a22ab3="" href="javaScript:;"
                        class="detail-item">知识产权声明</a> <a data-v-61a22ab3="" href="https://beian.miit.gov.cn"
                        target="_blank" class="detail-item">京ICP备05039090号-10</a> <a data-v-61a22ab3=""
                        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502042303"
                        target="_blank" class="detail-item detail-noline">京公网安备 11010502042303号</a></p>
                <p class="detail iget-common-f6 iget-common-a1">
                    <span class="detail-item">北京优视米网络科技有限公司
                    </span>
                    <span data-v-61a22ab3="">Copyright © 2022 Allrights reserved</span>
                </p>
            </section>
            <div data-v-6b9578c3="" data-v-61a22ab3="" class="iget-prompt" style="display: none;">
                <div data-v-6b9578c3="" class="prompt-mask"></div>
                <div data-v-6b9578c3="" class="prompt-main iget-common-b9">
                    <h5 data-v-6b9578c3="" class="title iget-common-f4">
                        知识产权声明
                    </h5>
                    <!---->
                    <div data-v-61a22ab3="" data-v-6b9578c3="" class="footer-statement iget-common-f4 iget-common-c1">
                        <section data-v-61a22ab3="" data-v-6b9578c3="" class="content-section">
                            <p data-v-61a22ab3="" data-v-6b9578c3="" class="content">
                                北京优视米网络科技有限公司及其关联方（以下统称“得到”）对“得到APP”、
                                “得到网页版”或其他由得到提供服务的平台展示的课程产品、听书产品、讲座产品、电子书等产品的文字、音频、视频、图片、图标、排版设计等，享有合法的知识产权。
                            </p>
                            <p data-v-61a22ab3="" data-v-6b9578c3="" class="content">
                                未经得到书面许可，任何自然人、法人或其他组织，不得以任何方式（包括但不限于：嵌套、深度链接、盗播、盗取、盗链等）进行复制、修改、汇编、转载、传播、售卖，不得以任何方式侵犯该等内容的知识产权。如发现该等行为，得到将对行为方的得到帐号进行功能限制、冻结、注销等处理并保留追究行为方法律责任的权利。
                            </p>
                            <p data-v-61a22ab3="" data-v-6b9578c3="" class="content">
                                如发现上述行为，希望您可以通过联系得到在线客服、拨打客服电话【400-0526-000】或向【iget@luojilab.com】发送邮件等多种方式进行举报。
                            </p>
                        </section>
                    </div>
                    <div data-v-61a22ab3="" data-v-6b9578c3="" class="footer-statement-line"></div> <button
                        data-v-6b9578c3="" class="iget-common-button iget-common-f5 iget-common-c9 iget-common-b10">
                        知道了
                    </button>
                    <!---->
                    <!---->
                    <!---->
                </div>
            </div>
        </div>
    </footer>

    <!-- 登录注册 -->

    <div class="login-main">
        <!-- 差 -->
        <div class="login-header">
            <i class="iconfont icon-cha"></i>
        </div>
        <!--  -->
        <div class="login-options">
            <div class="login-phone">
                <div class="top">
                    <h4 class="login-title"> 验证码登录</h4>
                    <!-- 手机号 -->
                    <div class="phone-number">
                        <div class="phone-input-module">
                            <div class="iget-area-code">
                                <label for="phone-number">
                                    +86
                                    <i class="iconfont icon-xiajiantou"></i>
                                </label>
                            </div>
                            <input type="tel" name="phone-number" placeholder="请输入手机号" class="phone-input">
                        </div>
                    </div>
                    <!-- 验证码 -->
                    <div class="auth-code">
                        <div class="phone-input-module2">
                            <input type="text" name="auth-code" placeholder="请输入验证码" class="phone-input">
                            <label for="auth-code" class="phone-label">获取验证码</label>
                        </div>
                    </div>
                </div>

                <div class="bottom">
                    <div class="phone-button-module">
                        <button class="phone-button">登录</button>
                    </div>
                    <div class="dd-agreement-wrap">
                        <div class="dd-checkBox">
                            <input type="checkbox" name="yes" id="yes">我同意并愿意遵守得到
                        </div>
                        <div>
                            <a href="javascript:;">《用户服务协议》</a>
                            和
                            <a href="javascript:;">《隐私政策》</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="login-divider"></div>
            <div class="login-qrcode">
                <div class="top">
                    <h4 class="login-title"> 扫码登录</h4>
                    <div class="qrcode-summary">同时支持「得到App」和「微信」扫码</div>
                    <div class="qrcode-code">
                        <img src="./img/download.jfif" alt="">
                    </div>
                    <p class="qrcode-selector">
                        <i class="iconfont icon-duigou"></i>
                        30天内自动登录
                    </p>
                </div>
                <div class="bottom">
                    <img src="./img/MTYzNzMwNzUyMzQy.png" alt="">
                </div>
            </div>
        </div>
    </div>


</body>

<!-- 引入bootstrap的css-->
<link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
<!-- 引入jQuery -->
<script src="./js/jquery.min.js"></script>
<!-- 引入bootstrap的js -->
<script src="./bootstrap/js/bootstrap.min.js"></script>
<!-- 图片懒加载 -->
<script src="./js/index.js"></script>
<script>
    $('.carousel').carousel({
        interval: 3000
    })
</script>

</html>